<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  		<title>添加课程</title>
   	 	<script src="js/mui.min.js"></script>
    	<link href="css/mui.min.css" rel="stylesheet"/>
    	<script type="text/javascript" charset="utf-8">
      	mui.init();
      	</script>
      	<style>
      	.mainheader0{
			text-align: center;
			height: 50px;
		}
		.mainheader0 header{
			border: 1px solid darkgray;
			box-shadow: none;
		}
		.mainheader0 span{
			float: right;
			position: fixed;
		}
		
		


    	.change {
    		margin-left: 80px;
    		margin-top: 150px;
    	}
    	.change .row {
    		display: flex;
    		align-items: center;
    	}
    	.change .row input {
    		margin: 0px 0px 10px 15px;
    	}
    	.change .row div{
    		width: 55px;
    	}
    	.change p{
    		font-size: 13px;
    		color: #000000;
    	}
		.edit2footer{
			margin-top: 60px;
			margin-left: 140px;
		}
		footer{
			position: absolute;
			right: 0px;
			bottom: 0px;
		}
      	</style>
	</head>
	<body>
		
	<div class="mainheader0">
		<header class="mui-bar mui-bar-nav" style="height: 45px; background: white;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">添加课程</h1>
			<a href="user.html">
			<span class="mui-icon mui-icon-contact"></span>
			</a>
		</header>
		
<div class="change">
	
	<div class="row"style="margin-top:100px ;">
		<div>
			<p>课程名称</p>
		</div>
		<input type="text" name="user" id="user"  placeholder="" style="width: 140px; height: 25px;"/>
	</div>
	<div class="row">
		<div>
			<p>课程地点</p>
		</div>
		<input type="text" name="user" id="user"  placeholder="" style="width: 140px; height: 25px;"/>
	</div>
</div>
	</div>		
		<div class="edit2footer">
		<a href="edit1.html">
		<input type="button" name="" id="" value="返回" style="line-height: 10px; width: 50px;"/>
		</a>
		<a href="edit1.html">
		<input type="button" name="" id="" value="确定" style="line-height: 10px; width: 50px;"/>
		</a>
		</div>
			<footer>
		<span id="clock"><span>
		<script>
  				function clock(){
 				var time=new Date();
 				var week;
 			switch (time.getDay()){            <!--time.getDay()获取后显示1~7阿拉伯数字-->
   					case 1: week="星期一"; break;
   					case 2: week="星期二"; break;
   					case 3: week="星期三"; break;
   					case 4: week="星期四"; break;
    				case 5: week="星期五"; break;
    				case 6: week="星期六"; break;
   					default: week="星期天";
  									}
			var year=time.getFullYear();
			var month=time.getMonth();
			var date=time.getDate();
       		document.getElementById("clock").innerHTML = +year+"年"+(month+1)+"月"+date+"日  "+week;
 	 						}
  			setInterval(clock,1000);     <!--每隔1秒显示一次-->
		</script>
	</body>
</html>
